@import "../mixin-fuc.scss";

/*
自定义的包含 title,title-sub,content 的样式
具体可以看 infoBasic，infoFramework 等 info 开头的组件
 */
.info-root {
  background-color: var(--xz-bg-color-other-1);
  border: 1px solid var(--el-border-color);
  border-radius: 7px;
  box-shadow: var(--xz-box-shadow);
  transition: box-shadow 0.3s;
  overflow: hidden;

  &:hover {
    box-shadow: var(--xz-box-shadow-dark);
  }

  :deep(.el-descriptions__body) {
    background-color: inherit;
  }

  :deep(.el-descriptions__label) {
    color: var(--el-text-color-regular);
    font-weight: bold;
  }
}

.info-title {
  @include flex(row, space-between, center);
  @include box(100%, 35px);
  @include font(16px, 700);
  color: var(--el-color-primary);
  border-bottom: 1px solid var(--el-border-color);
  padding: 10px;
}

.info-title-sub {
  height: 100%;
  padding-left: 10px;

  &>span {
    @include font(13px, 500);
  }

  .sub-flip-color {
    color: var(--el-color-primary-flip);
  }
}

.info-tags {
  text-align: right;
}

.info-content {
  width: 100%;
  height: calc(100% - 35px);
  padding: 10px;
}